<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户界面样式-鼠标样式</title>
</head>
<style>
    .test {
        width: 100px;
        height: 100px;
        background-color: skyblue;
        margin: 100px auto;
    }

    ul {
        margin: 200px auto;
    }
</style>
<body>
    <div class="test">

    </div>
    <ul>
        <li style="cursor: default">默认鼠标样式</li>
        <li style="cursor: pointer">鼠标小手样式</li>
        <li style="cursor: move">鼠标移动样式</li>
        <li style="cursor: text">鼠标文本样式</li>
        <li style="cursor: not-allowed">鼠标禁止样式</li>
    </ul>
</body>
</html>